import router from './router'
import store from './store'
import { Message } from 'element-ui'
import NProgress from 'nprogress' // 进度条
import 'nprogress/nprogress.css' // 进度条的样式文件
import { getToken } from '@/utils/auth' // token的回调
import getPageTitle from '@/utils/get-page-title' //拼接页面标题的函数（需要传入路由地址对应的标题名字）

NProgress.configure({ showSpinner: false }) // 设置进度条的进度环显示隐藏

const whiteList = ['/login'] // 路由白名单

//全局前置路由首位
router.beforeEach(async(to, from, next) => {
  NProgress.start() //开启进度条

  document.title = getPageTitle(to.meta.title) //设置页面标题

  const hasToken = getToken() //获取token数据

  //判断token是否存在
  if (hasToken) {
    //判断是不是要像登录页
    if (to.path === '/login') {
      next({ path: '/' })   //发放到首页
      NProgress.done()  //关闭进度条
    } else {
      //有token,访问的不是登录页,获取用户信息
      const hasGetUserInfo = store.getters.name
      //判断用户是否存在
      if (hasGetUserInfo) {
        next() //放行
      } else {
        //此时有token但是没有用户名
        try {
          await store.dispatch('user/getInfo') //想接口发请求获取用户信息
          next({...to})
        } catch (error) {
          // 此时获取用户信息失败,可能是token失效了
          await store.dispatch('user/resetToken') //重置token
          Message.error(error || 'Has Error') //弹出提示获取用户失败的信息
          next(`/login?redirect=${to.path}`) //发放到登录页,并携带登录后要跳转的页面路由
          NProgress.done() //进度条关闭
        }
      }
    }
  } else {
    //此时没有token数据,没有登录过,访问的是登录页
    if (whiteList.indexOf(to.path) !== -1) {
      next()
    } else {
      // 没有登录想访问其他页是不行的,发放到登录页,并携带登录后要去的路由信息
      next(`/login?redirect=${to.path}`)
      NProgress.done()
    }
  }
})

//全局后置路由守卫
router.afterEach(() => {
  NProgress.done() //关闭进度条
})
